﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta charset="utf-8" />
        <title>NodejsWebApp</title>
        <link href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet">
        <link href="//cdn.kendostatic.com/2014.2.716/styles/kendo.common.min.css" rel="stylesheet" />
        <link href="//cdn.kendostatic.com/2014.2.716/styles/kendo.bootstrap.min.css" rel="stylesheet" />
        <link href="//cdn.kendostatic.com/2014.2.716/styles/kendo.dataviz.min.css" rel="stylesheet" />
        <link href="//cdn.kendostatic.com/2014.2.716/styles/kendo.dataviz.bootstrap.min.css" rel="stylesheet" />
        <link href="../../css/site.css" rel="stylesheet" />
    </head>
    
    <body>
        <div class="navbar navbar-inverse navbar-fixed-top">
            <div class="container">
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <a class="navbar-brand" href="/">NodejsWebApp</a>
                </div>
                <div class="navbar-collapse collapse">
                    <ul class="nav navbar-nav">
                        <li>
                            <a href="#/home">Home</a>
                        </li>
                        <li>
                            <a href="#/about">About</a>
                        </li>
                        <li>
                            <a href="#/contact">Contact</a>
                        </li>
                        <li>
                            <a href="#/product">Product</a>
                        </li>
                        <li>
                            <a href="#/chart">Chart</a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <!-- Binding the application to our AngularJS app: "myApp", my App was configured in app.js  -->
        <div class="container body-content" ng-app="myApp">
            <br />
            <br/>
            <!-- AngularJS will swap our Views inside this div, it knows which element because of the  ng-view attribute  -->
            <div ng-view></div>
            <hr />
            <footer>
                <p>&copy; 2014 - My Node.JS Application</p>
            </footer>
        </div>
        <script src="//code.jquery.com/jquery-2.1.1.min.js"></script>
        <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
        <script src="//code.angularjs.org/1.3.0-beta.16/angular.min.js"></script>
        <script src="//code.angularjs.org/1.3.0-beta.16/angular-route.min.js"></script>
        <script src="//code.angularjs.org/1.3.0-beta.16/angular-animate.min.js"></script>
        <script src="//cdn.kendostatic.com/2014.2.716/js/kendo.all.min.js"></script>
        <script src="//include.jaydata.org/datajs-1.0.3-patched.js"></script>
        <script src="//include.jaydata.org/jaydata.js"></script>
        <script src="//include.jaydata.org/jaydatamodules/angular.js"></script>
        <script src="/lib/jaydata-kendo.js"></script>
        <!--<script src="//include.jaydata.org/jaydatamodules/kendo.js"></script>-->
        <script src="/app/app.js"></script>
        <script src="/app/controllers/productController.js"></script>
        <script src="/app/controllers/chartController.js"></script>
        <script src="/app/controllers/editController.js"></script>

    </body>

</html>